<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>我的首页</title>
    <link rel="stylesheet" href="/stylesheets/style.css">
    <link rel="stylesheet" href="animate.css">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <script src="../js/jquery-3.1.1.js"></script>
    <script src="../js/index.js"></script>
    <script src="../js/jquery.ellipsis.js"></script>
</head>
<body class="theam1">

<div id="nav">
    <div id="img">
        <img src="images/timg.png" alt="">
    </div>
    <div id="tabs">
        <% if (user) { %>
        <span class="animated zoomInLeft"><a href="/" title="首页" style="color:dodgerblue">主页</a></span>
        <!--<span class="animated zoomInLeft"><a href="/archive"  style="color:dodgerblue">存档</a></span>-->
        <span class="animated zoomInLeft"><a href="/tags"  style="color:dodgerblue">标签</a></span>
        <span class="animated zoomInLeft" ><a href="/post"  style="color:dodgerblue">发布</a>
        </span><span class="animated zoomInLeft"><a href="http://www.qdfuns.com/" title="首页" style="color:dodgerblue">友情链接</a></span>
        <!--<span class="animated zoomInLeft"><a href="/upload"  style="color:dodgerblue">上传</a></span>-->
        <span class="animated zoomInLeft"><a href="/logout"  style="color:orange">退出</a></span>
        <div style="display: inline-block;position: relative;width: 100px;text-align:center; height: 200px;" id="theam">
            <a href="#" style="display: inline;color:dodgerblue;">主题</a>
            <ul  style="display: none;position: absolute;top: 55px;left: 33px;list-style: none;padding: 0px;text-align: center;font-size: 15px" >
                <li class="li1">五四青年</li>
                <li class="li2">青春奔跑</li>

            </ul>
        </div>
    <%  } else { %>

    <span class="animated zoomInRight"><a href="/login" title="登录"  style="color:green">登录</a></span>
    <span class="animated zoomInRight"><a href="/reg" title="注册"  style="color:blue">注册</a></span>
    <% } %>
    <!--&lt;!&ndash;新增搜索功能&ndash;&gt;-->
    <!--<span>-->
        <!--<form action="/search" method="get">-->
            <!--<input class="search" type="text" placeholder="SEARCH" name="keyword">-->
        <!--</form>-->
    <!--</span>-->
    </div>
</div>
<!--<header>-->
    <!--<h1><%= title %></h1-->
<!--</header>-->
<article>
    <% if (success) { %>
    <div id="fadeout" class="alert alert-warning alert-dismissable" style="text-align: center"><%= success %></div>

    <% } %>
    <% if (error) { %>
    <div id="fadeout" class="alert alert-info alert-dismissable" style="text-align: center"><%= error %></div>
    <% } %>

